
.login {
	header {
		height: 0.6rem;
		line-height: 40px;
		border: 1px solid #ddd;
		background: #fff;
		padding: 14px 15px 12px;

		.logo {
			display: block;
			width: 63px;
			height: 28.8px;
			float: left;
			margin-top: 3px;
			margin-right: 12px;
			background: url(/lib/images/logo.png);
			background-size: 63px 28.8px;
		}

		.logo_text {
			height: 42px;
			border-left: 2px solid #de698c;
			color: #de698c;
			font-weight: 700;
			font-size: 16px;
			padding: 17px 0 0 15px;
		}
	}

	.form {
		padding: 15px;
		font-size: 16px;
		color: #222;
		background: #f5f5f5;

		.input_wrp {
			border-radius: 6px;
			margin-bottom: 10px;
			background: #fff;
			width: 100%;
			border: 1px solid #ddd;
			height: 45px;
			line-height: 45px;
			overflow: hidden;
			position: relative;

			.login_username, .login_userpass {
				padding: 10px;
				border-radius: 6px;
				border: 0;
			}
		}

		.form_text {
			.login_tip {
				padding: 0 0 8px 2px;
				color: #de698c;
			}
		}

		.userPass {
			.login_tip {
				float: left;
				display: none;
			}
			.forget_password {
				float: right;
				padding: 0 0 8px 2px;
				color: #00a1d6;
				cursor: pointer;
			}
		}

		.btn_box {
			margin-top: 100px;
			.btn {
				display: block;
				border: 1px solid #00a1d6;
				text-align: center;
				box-sizing: border-box;
				width: 100%;
				border-radius: 32px;
				padding: 12px;
				margin-bottom: 10px;
				background: #fff;
			}
			.btn_login {
				background: #00a1d6;
				color: #fff;
			}
			.btn_reg {

                color: #00a1d6;
            }
		}

		.sns {
			position: relative;
			text-align: center;
			margin-top: 20px;
			padding-top: 50px;

			.splitter {
				position: absolute;
				border-top: 1px solid #999;
				top: 15px;
				left: 0;
				right: 0;

				.sns_title {
					color: #999;
					position: absolute;
					left: 50%;
					margin-left: -25%;
					top: -15px;
					height: 30px;
					line-height: 30px;
					width: 50%;
					text-align: center;
					background: #f5f5f5;
				}
			}

			.btn {
				display: inline-block;
				width: 50px;
				height: 50px;
				padding: 0 5px;
				background-repeat: no-repeat;
				background-position: 50%;
				background-size: 50px 50px;
			}

			.weibo {
				background-image: url();
			}

			.qq {
				background-image: url();
			}
		}
		
	}
}